<?php
use yii\helpers\Url;
?>
<div id="slider">
    <div class="row bottom-40">
        <div class="col-xs-12">
            <div class="slider-left">
                <a href="#"><img src="<?php echo Url::to('@web/images/big-slider.jpg');?>" class="img-responsive"></a>
                <ul>
                    <li><a href="#"><img src="<?php echo Url::to('@web/images/mainbanner1.gif');?>"></a></li>
                    <li><a href="#"><img src="<?php echo Url::to('@web/images/mainbanner2.gif');?>"></a></li>
                    <li><a href="#"><img src="<?php echo Url::to('@web/images/mainbanner3.gif');?>"></a></li>
                </ul>
            </div>
            <div class="slider-right">
                <div id="small-slider" class="small-slider">
                    <ul id="img-slider" class="img-slider">
                        <li id="img1" class="active"><a href="#"><img src="<?php echo Url::to('@web/images/1.jpg')?>" class="img-responsive"></a></li>
                        <li id="img2" ><a href="#"><img src="<?php echo Url::to('@web/images/2.jpg')?>" class="img-responsive"></a></li>
                        <li id="img3" ><a href="#"><img src="<?php echo Url::to('@web/images/3.jpg')?>" class="img-responsive"></a></li>
                        <li id="img4" ><a href="#"><img src="<?php echo Url::to('@web/images/4.jpg')?>" class="img-responsive"></a></li>
                    </ul>
                    <ul id="label" class="label">
                        <li class="active"><label for="img1"></label></li>
                        <li><label for="img2"></label></li>
                        <li><label for="img3"></label></li>
                        <li><label for="img4"></label></li>
                    </ul>
                </div>
                <a href="#" style="display: block;"><img src="<?php echo Url::to('@web/images/small-slider-1.jpg')?>" class="img-responsive"></a>
                <hr />
                <div id="help">
                    <label class="title"><a href="#">NOTICE / CHÚ Ý</a></label>
                    <ul>
                        <li><a href="#">Hướng dẫn mua hàng</a></li>
                        <li><a href="#">Hình thức thanh toán</a></li>
                        <li><a href="#">Hướng dẫn tìm kiếm sản phẩm</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div id="small-slider" class="big-slider">
                <ul id="label" class="label">
                    <li class="active"><label for="img1">TRANG PHỤC</label></li>
                    <li><label for="img2">GIÀY DÉP</label></li>
                    <li><label for="img3">TÚI XÁCH</label></li>
                    <li><label for="img4">ĐỒNG HỒ</label></li>
                    <li><label for="img4">PHỤ KIỆN</label></li>
                </ul>
                <div class="border-slider">
                    <ul id="img-slider" class="img-slider">
                        <li id="img1" class="active">
                            <ul>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/1.jpg')?>" class="img-responsive"></a></li>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/1.jpg')?>" class="img-responsive"></a></li>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/1.jpg')?>" class="img-responsive"></a></li>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/1.jpg')?>" class="img-responsive"></a></li>
                            </ul>
                        </li>
                        <li id="img2">
                            <ul>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/2.jpg')?>" class="img-responsive"></a></li>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/2.jpg')?>" class="img-responsive"></a></li>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/2.jpg')?>" class="img-responsive"></a></li>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/2.jpg')?>" class="img-responsive"></a></li>
                            </ul>
                        </li>
                        <li id="img3" >
                            <ul>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/3.jpg')?>" class="img-responsive"></a></li>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/3.jpg')?>" class="img-responsive"></a></li>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/3.jpg')?>" class="img-responsive"></a></li>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/3.jpg')?>" class="img-responsive"></a></li>
                            </ul>
                        </li>
                        <li id="img4" >
                            <ul>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/4.jpg')?>" class="img-responsive"></a></li>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/4.jpg')?>" class="img-responsive"></a></li>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/4.jpg')?>" class="img-responsive"></a></li>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/4.jpg')?>" class="img-responsive"></a></li>
                            </ul>
                        </li>
                        <li id="img5" >
                            <ul>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/4.jpg')?>" class="img-responsive"></a></li>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/4.jpg')?>" class="img-responsive"></a></li>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/4.jpg')?>" class="img-responsive"></a></li>
                                <li><a href="#"><img src="<?php echo Url::to('@web/images/4.jpg')?>" class="img-responsive"></a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="list1" class="list-cater">
    <div class="row">
        <div class="col-xs-12">
            <img src="<?php echo Url::to('@web/images/header-cater.png');?>" class="img-responsive">
        </div>
    </div>
    <div class="row">
        <ul>
            <li class="col-xs-3">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-3">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-3">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-3">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-3">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-3">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-3">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-3">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
        </ul>
    </div>
</div>
<div id="list2" class="list-cater">
    <div class="row">
        <div class="col-xs-12">
            <img src="<?php echo Url::to('@web/images/header-cater.png');?>" class="img-responsive">
        </div>
    </div>
    <div class="row">
        <ul>
            <li class="col-xs-3">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p><a href="#">Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest</a></p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-3">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-3">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-3">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-3">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-3">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-3">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-3">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
        </ul>
    </div>
</div>
<div id="list3" class="list-cater">
    <div class="row">
        <div class="col-xs-12">
            <img src="<?php echo Url::to('@web/images/header-cater.png');?>" class="img-responsive">
        </div>
    </div>
    <div class="row">
        <ul>
            <li class="col-xs-4 lagre">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/5.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-4 lagre">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/5.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-4 lagre">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/5.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-4 lagre">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/5.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-4 lagre">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/5.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
            <li class="col-xs-4 lagre">
                <a href="#">
                    <img src="<?php echo Url::to('@web/images/5.jpg');?>" class="img-responsive">
                </a>
                <div class="short-info">
                    <img src="<?php echo Url::to('@web/images/best.gif');?>">
                    <p>Áo Khoác Nỉ Nam Giả Vest</p>
                    <span>(S/M/L)</span>
                    <label class="price">560,000 VND</label>
                </div>
            </li>
        </ul>
    </div>
</div>